<!DOCTYPE html>
<html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		{template wxshare}
	<title>我的优惠券 - {php echo $this->module['config']['sname']}</title>
	<meta name="format-detection" content="telephone=no, address=no">
	<meta name="apple-mobile-web-app-capable" content="yes"> <!-- apple devices fullscreen -->
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<link href="{WELIAM_INDIANA_STATIC}credit/bootstrap.min.css" rel="stylesheet">
	<link href="{WELIAM_INDIANA_STATIC}credit/font-awesome.min.css" rel="stylesheet">
	<link href="../addons/weliam_indiana/static/css/common.css" rel="stylesheet">
    <link href="../addons/weliam_indiana/static/css/user.css" rel="stylesheet">
	<link href="{WELIAM_INDIANA_STATIC}credit/common.css" rel="stylesheet">
	<script src="{WELIAM_INDIANA_STATIC}credit/require.js"></script>
	<script src="{WELIAM_INDIANA_STATIC}credit/config.js"></script>
	<script type="text/javascript" src="{WELIAM_INDIANA_STATIC}credit/jquery-1.11.1.min.js"></script>
	<link  href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
<body>
<div class="container container-fill">
<style>
	a {text-decoration:none !important;color: rgb(119, 119, 119);}
	ul,li {padding:0; margin:0; border:0;}
	body{background: rgb(236, 237, 237); padding-bottom:63px;}
	.btn-group-top-box{padding:10px 0; font-family:Helvetica, Arial, sans-serif; text-align:center; width:100%;}
	.btn-group-top{overflow:hidden;width: 70%;}
	.btn-group-top .btn{ -webkit-box-shadow:none; box-shadow:none; border-color:#EE5375; color:rgb(119, 119, 119); background:rgb(236, 237, 237); padding:6px;width: 50%;}
	.btn-group-top .btn:hover{color:#FFF; background:#EE5375;}
	.btn-group-top .btn.active{color:#FFF; background:#EE5375;}
	.btn.use{background:#56c6d6; color:#FFF; border:0; border-radius:4px;}
	.btn{line-height: 14px!important; border:1px solid #EE5375!important;line-height: 14px!important;}
	
	.voucher-main{overflow:hidden;}
	.voucher-main .list-cash-coupon{list-style:none; margin:10px auto;}
	.voucher-main .list-cash-coupon li{margin:10px 0;}
	.voucher-main .list-cash-coupon a{display:block;width:281px;height:109px;margin:auto;background:url('resource/images/voucher.png') no-repeat 0 -9px;-webkit-background-size:575px auto;position:relative;}
	.voucher-main .list-cash-coupon a>p{position: absolute;max-width:200px;height:20px;color:#FFF;-webkit-box-sizing:border-box;}
	.voucher-main .list-cash-coupon a>p:nth-of-type(1){left:25px;top:20px;font-size:14px;}
	.voucher-main .list-cash-coupon a>p:nth-of-type(1)>span{font-size:30px;}
	.voucher-main .list-cash-coupon a>p:nth-of-type(2){left: 26px;top: 62px;font-size: 14px;}
	.voucher-main .list-cash-coupon a>p:nth-of-type(2):first-letter{font-size:14px;margin-right:3px;}
	.voucher-main .list-cash-coupon a>p:nth-of-type(3){left: 26px;top: 83px;font-size: 12px;}
	.voucher-main .list-cash-coupon a>p:nth-of-type(4){left: 160px;top: 42px;font-size: 11px;}
	.voucher-main .list-cash-coupon a>p:nth-of-type(5){right: 12px;top:18px;font-size:14px;width:25px; line-height:18px;}
	.voucher-main .list-cash-coupon li:nth-of-type(4n+2) a, .list-cash-coupon li .a2{background-position: 0 -133px;}
	.voucher-main .list-cash-coupon li:nth-of-type(4n+3) a, .list-cash-coupon li .a3{background-position: 0 -256px;}
	.voucher-main .list-cash-coupon li:nth-of-type(4n) a, .list-cash-coupon li .a4{background-position: 0 -378px;}
	.voucher-main .list-cash-coupon li[disabled] a{background-position: 0 -502px;}
	.voucher-main .list-cash-coupon li[disabled] a:after{content: "";-webkit-background-size: 110px auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;pointer-events: none;}
	.voucher-main .list-cash-coupon li[disabled="expire"] a:after{background-image: url('resource/images/voucher02.png'); background-repeat: no-repeat; background-position:50px 15px;}
	.voucher-main .list-cash-coupon li[disabled] a>p{color:rgba(255,255,255,0.3)!important;}
	.voucher-main .list-cash-coupon li.used a{background-position-x:right!important;}
	.voucher-main .list-cash-coupon li.used:nth-of-type(4n+1) a>p:nth-of-type(5){color:#ee5375;}
	.voucher-main .list-cash-coupon li.used:nth-of-type(4n+2) a>p:nth-of-type(5){color:#ffa619;}
	.voucher-main .list-cash-coupon li.used:nth-of-type(4n+3) a>p:nth-of-type(5){color:#92c427;}
	.voucher-main .list-cash-coupon li.used:nth-of-type(4n) a>p:nth-of-type(5){color:#2f9abd;}
	.voucher-main .read-coupon .list-cash-coupon a>p:nth-of-type(3){left:210px; top:65px; font-size:10px;}
	
	.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color:#5ac5d4; border-color:#5ac5d4;}
	.pagination>li>a, .pagination>li>span{color:#5ac5d4; border:1px solid #a5d7de;}
</style>
<style media="all" type="text/css">
	.scroll-container .list-group {list-style:none; padding:0; margin:0; width:100%; text-align:left;}
	.scroll-container .list-group .list-group-item{border:none; background:#0E6277; border-radius: 0px;}
	.scroll-container .list-group .list-group-item .con{background:#ffffff; width:90%; margin:0 auto;}
	.scroll-container .list-group .list-group-item .list-hd{padding:5px 20px;}
	.scroll-container .list-group .list-group-item .list-hd h5{font-weight:bold; margin-bottom:2px; font-size:16px; color:#444444;}
	.scroll-container .list-group .list-group-item .list-hd p{color:#b8b8b9;}
	.scroll-container .list-group .list-group-item .list-con img{display:block; width:90%; margin:0 auto;}
	.scroll-container .list-group .list-group-item .list-con .derpn{padding:10px 10px 0 10px; border-top:1px dotted rgb(204, 204, 204); margin-top:10px;display:none;}
	.scroll-container .list-group .list-group-item .list-ft{width:104%; background: transparent url('resource/images/ft-bg.png') no-repeat 0 0; background-size: 100% auto; height: 44px; line-height: 48px; overflow: hidden; position:relative; left:-5px; top:5px; padding:0 0 0 15px;}
	.scroll-container .list-group .list-group-item .list-ft b{color: #56c6d6; font-size: 30px; margin-right:5px;}
	.scroll-container .list-group .list-group-item .list-ft .btns{width:105px; text-align:center; font-size:18px; color:#ffffff; line-height:44px;}
	.scroll-container .list-group .list-group-item .list-ft .btns a{color:#ffffff;}
	.scroll-container .load-more{padding:10px;text-align:center;font-size:1em;}
	.footer{left: 50%;width: 100%;height: 56px;bottom: 0px;overflow: hidden;border-top-color: rgb(236, 237, 237);border-top-width: medium;border-top-style: none;position: fixed;max-width: 640px;box-shadow: 0px 0px 4px rgba(0,0,0,0.2);transform: translate3d(-50%, 0px, 0px);background-color: rgb(255, 255, 255);-webkit-transform: translate3d(-50%, 0, 0);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);}
.footer li{width: 25%;height: 100%;text-align: center;float: left;list-style-type:none;}
.footer a{color: rgb(119, 119, 119);font-size: 13px;}
.footer a:hover{color: rgb(119, 119, 119);font-size: 13px;}
.footer a:focus{color: rgb(119, 119, 119);font-size: 13px;}
.footer a.active{color: rgb(223, 33, 39);}
.footer .nav-controller{height: 100%;padding-top: 10px;display: block;position: relative;}
.footer .nav-controller i{font-size: 1.5em;margin-bottom: 3px;display: block;}
.mod_nav{height:40px;background-color:#fff;position:relative}
.mod_nav_lk{display:box;display:-ms-box;display:-webkit-box;display:flex;display:-ms-flexbox;display:-webkit-flex}
.mod_nav_item{position:relative;display:block;flex:1;-ms-flex:1;-webkit-flex:1;box-flex:1;-ms-box-flex:1;-webkit-box-flex:1;text-align:center;line-height:40px;height:40px;font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:-1px;border-bottom:1px solid #E0E0E0}
.mod_nav_item:before,.mod_nav_item:after{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:#E0E0E0}
.mod_nav_item:after{left:auto;right:0}
.mod_nav_item:nth-last-child(1){margin-right:0}
.mod_nav_item:nth-child(1):before,.mod_nav_item:nth-last-child(1):after{background:none}
.mod_nav_cur{color:#DF2127;border-bottom:2px solid #DF2128;z-index:1}
.mod_nav_my{position:absolute;right:0px;top:0px;display:block;width:50px;height:100%;border-left:1px solid #E0E0E0}
.mod_nav_my:after{content:"";display:block;position:absolute;top:9px;right:14px;width:22px;height:22px;background-position:-44px -23px}
.menu_4 .widget_wrap ul li.li3 a{margin-top: -33px!important;}
</style>
<style>
		h5{color:#555;}
</style>

<div class="mod_nav" id="mod_nav">
    <div class="mod_nav_lk">
        <a href="{php echo $this->createMobileUrl('credit',array('op'=>'main'))}" class="mod_nav_item mod_nav_cur" style="z-index: 1;">我的优惠券</a>
    	<a href="{php echo $this->createMobileUrl('person')}" data-pro="back" data-back="true" class="m-simpleHeader-back" style="margin-top: 8px;z-index: 2 ;"><i class="ico ico-back" style="color: #DF2128;"></i></a>
    </div>
</div>
	<div class="voucher-main">
	<div class="btn-group-top-box">
		<div class="btn-group btn-group-top">
			<a href="{php echo $this->createMobileUrl('credit',array('op'=>'main','type'=>'djj'))}" class="btn btn-default {if $type=='djj'}active{/if}">待使用</a>
			<a href="{php echo $this->createMobileUrl('credit',array('op'=>'do','type'=>'zkj'))}" class="btn btn-default {if $type=='zkj'}active{/if}">不可用</a>
		</div>
	</div>
	<ul class="list-cash-coupon">
		{if $type == 'djj'}
		<!-- 未使用优惠券 -->
		{loop $djjs $djj}
		<li>
			<a href="{php echo $this->createMobileUrl('sharecredit',array('recordid'=>$djj['recid']))}">
				<p><span>{$djj['discount']}</span>元</p>
				<p>★订单满{$djj['condition']}元可使用</p>
				<p>有效期至{php echo date('Y',$djj['endtime'])}年{php echo date('m',$djj['endtime'])}月{php echo date('d',$djj['endtime'])}日</p>
				<p>{$djj['couponnum']}张</p>
				<p>立即使用</p>
			</a>
		</li>
		{/loop}
		{else}
		<!-- 已经使用过的优惠券 -->
		{loop $djjs $djj}
		<li disabled="">
			<a>
				<p><span>{$djj['discount']}</span>元</p>
				<p>★订单满{$djj['condition']}元已使用</p>
				<p>有效期至{php echo date('Y',$djj['endtime'])}年{php echo date('m',$djj['endtime'])}月{php echo date('d',$djj['endtime'])}日</p>
				<p>{$djj['usedcouponnum']}张</p>
				<p>已经使用</p>
			</a>
		</li>	
		{/loop}
		<!-- 已经过期优惠券 -->
		{loop $djjz $djj}
		<li disabled="expire" onclick="alert('优惠券已经过期！');">
			<a>
				<p><span>{$djj['discount']}</span>元</p>
				<p>★订单满{$djj['condition']}元已过期</p>
				<p>有效期至{php echo date('Y',$djj['endtime'])}年{php echo date('m',$djj['endtime'])}月{php echo date('d',$djj['endtime'])}日</p>
				<p>{$djj['couponnum']}张</p>
				<p>已经过期</p>
			</a>
		</li>	
		{/loop}
		{/if}
	</ul>
	</div>
</body>
</html>